<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body style="background-color: #1e293b;color: #c9d1d9;">
    <h1 id="app">
         姓名： {{name}} <br>
         年龄： {{age}}
    </h1>
    <script src="vue4/vue4.js"></script>
    <script> 
    
        //将data设置为响应式数据
        const data = reactive(  { name : 'xiaohong', age: 20} )
        
        //副作用函数
        function e1(){
          diff_run(htmlText)
        }
        effect(e1)

    </script> 
  </body>
</html>